
#galeria_fotos{
	
	position: absolute;
	width: 100%;
	height: 150px;
	background-color: white;
	top:300px;
	z-index:100;
	border-top:1px solid black;
	border-bottom:1px solid black;
	display:none;
}


#galeria_fotos #salir_album_fotos{
	
	position: absolute;
	width: 70px;
	height: 20px;
	background-color: white;
	border:1px solid black;
	top:-150px;
	right:40px;
	text-align:center;
	padding-top:5px;
	border-radius:6px 6px 6px 6px;
	cursor: pointer;
	font-size:110%;
	font-weight:bold;
	font-family:cursive;
}


#galeria_fotos #salir_album_fotos:hover{
	
	
	background-color: #555;
	color:white;
	
}


#galeria_fotos #flecha_izq{
	
	width:27px;
	height:47px;
	background:url("../../IMAGENES/PORTAL/ALBUM_FOTOS/flecha_izq.png");
	position: absolute;
	z-index:110;
	left:50px;
	top:51px;
	
	box-shadow:0px 0px 20px 5px #666;	
}

#galeria_fotos #flecha_izq:hover{
	box-shadow:0px 0px 10px 10px #666;	
	}


#galeria_fotos #flecha_der{
	
	width:27px;
	height:47px;
	
	background:url("../../IMAGENES/PORTAL/ALBUM_FOTOS/flecha_derecha.png");
	position: absolute;
	z-index:110;
	right:50px;
	top:51px;
	box-shadow:0px 0px 20px 5px #666;
}
#galeria_fotos #flecha_der:hover{
	box-shadow:0px 0px 10px 10px #666;	
	}

#galeria_fotos #contenido-inicial-galeria_fotos{
	
	width:80px;
	height:110px;
	margin-top:20px;
	background:#ccc;
	float:left;	
	position:absolute;
	
	
}



#galeria_fotos .minifoto_muestra{
	
	width:80px;
	height:80px;
	margin-top:15px;
	margin-left:20px;
	margin-right:20px;
	background-size:80px;
	float:left;
	cursor: pointer;
	
}


#galeria_fotos .minifoto_muestra:hover{
	
	box-shadow:0px 0px 10px 10px #666;
	
}



#protector_marco_foto
{    opacity: .40;
  	top: 0px;
	background-color: #FFF;
	height:100%;
	width:100%;
	position: fixed;
	display: none;
	z-index: 130;
}


#marco_foto_mostrada{
	
	position: absolute;
	width: 400px;
	height: 400px;
	background-color: white;

	z-index:140;
	
	box-shadow:0px 0px 10px 10px #666;
	
	display:none;
}


#marco_foto_mostrada #boton_cerrar{
	
	width: 16px;
	height: 16px;
	background-image:url("../../IMAGENES/PORTAL/ALBUM_FOTOS/cerrar.png");
	margin-right:2px;
	margin-top:2px;
	float:right;
	z-index:140;
	cursor:pointer;
	border:1px #888 solid;
		
}


#marco_foto_mostrada img{
	
	margin-left:20px;
	margin-top:20px;
}



